import { useOutlet } from 'react-router-dom'

export default function Layout() {
  const outlet = useOutlet();


  return (
    <div className='w-full h-full flex'>
      <nav className='w-[200px] bg-neutral-700 text-white'>
        <a className='p-4 block hover:bg-neutral-600' href={'/transition'} >useTransition</a>
      </nav>

      <div className='flex-grow flex'>
        <div className='m-4 flex-grow'>
          {outlet}
        </div>
      </div>
    </div>

  )
} 